<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
		<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />
		<link rel="stylesheet" type="text/css" href="../css/mui.css"/>
		<link rel="stylesheet" type="text/css" href="../css/style.css"/>
		<link rel="stylesheet" type="text/css" href="../css/find.css"/>
		<script src="../js/mui.js" type="text/javascript" charset="utf-8"></script>
		
		<script src="../js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/myurl.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">已读新闻</h1>
		</header>
		<div class="mui-content">
					<div class="mui-scroll-wrapper" style="margin-top: 44px;margin-bottom: 51px;">
						<div class="mui-scroll">
							<!--这里放置真实显示的DOM内容-->
		
		
		<ul class="mui-table-view">
		
		
		</ul>
		
		
		
		
						</div>
					</div>
		
				</div>
		
		<script type="text/javascript">
		(function($) {
			$(".mui-scroll-wrapper").scroll({
				//bounce: false,//滚动条是否有弹力默认是true
				//indicators: false, //是否显示滚动条,默认是true
			});
		})(mui);
		
		let htmlStr=''
			$.post(myurl+'/user/getMessage',(res)=>{
				
				res.watched.forEach(item=>{
					htmlStr += `
					<li class='mui-table-view-cell'>
					
					<div class="news-item">
												<div class="news-pic">
													<img
														src=${item.pic}>
								
												</div>
								
												<div class="news-info">
													<div class="news-title">
														${item.title}
													</div>
								
													<div class="news-form">
														<div class="autor">
															${item.src}
														</div>
														<div class="news-time">
															<i></i>
															${item.time}
														</div>
													</div>
												</div>
								
											</div></li>`
				})
				
				$('.mui-table-view').html(htmlStr)
			})
		</script>
		
	</body>
</html>